<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<input id="img-input" type="file" accept="image/png,image/gif" name="img"/>
<input id="file-input" type="file" name="file"/>
<div class="container">
<div class="block">

</div>

<div class="block">

</div>
<div class="block">

</div>
<div class="block">

</div>
<div class="block">

</div>
</div>
<div class="drag-area">
</div>
<div id="img-drop-box">
</div>
<div id="logbox">
</div>
<style>
  #img-drop-box {
    width: 200px;
    height: 200px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: grey;
  }
  .container {
    height: 300px;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
  }
  .block {
    width: 300px;
    height: 200px;
    background-color: darkgrey;
    margin: 5px;
    display: inline-block;
  }
  #logbox {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;
    background-color: grey;
  }
</style>
<script src="./js/peer.js"></script>
<script src="./js/jquery-1.7.2.min.js"></script>
<script src="./js/test.js"></script>
<script src="./js/jszip.js"></script>
</body>
</html>